<template>
  <div class="mbmain">
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/1.webp" alt="" style="border-radius: 10px;"></div>
        <div class="right">
          <span>漩涡鸣人。从小生活在大家的冷漠中，他没有像我爱罗那样变成一个通过杀人来证明自己存在的人，可能也因为他没有那个能力吧。他通过各种恶作剧来吸引人们的注意力，一次次被惩罚又屡教不改。很难想象如果没有伊鲁卡这种人，鸣人内心潜藏的寂寞会以什么形式爆发出来，他很可能变成另一个我爱罗无私的爱真的可以改变一个人还有就是鸣人对重要的人的那种竭尽全力的保护，好多次九尾能量的使用都是在小樱、佐助受到伤害时迸发出来的。</span>
          <span>"我要成为火影"，更重要的是，他一直再为自己的梦想努力奋斗，从不把梦想当作空谈，每次坚持不下去的时候也都是这个目标在激励他继续努力，而我可能连很多小目标都无法达成，甚至到目前为止还没有找到自己的梦想，不知道这种情况是我个人问题还是时代问题。</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="right">
          <span>鸣人从小就立志要当一名火影，可他的分身术和变身术是最差的，当他当着大家的面说出自己要成为一名火影时，大家都笑了起来：“连分身术都掌握不好，还想当火影？”
            但鸣人没有屈服命运，他认为命运是可以改变的。所以在中忍测试时，他一拳将宁次揍飞，并愤怒地告诉他：“不要老是把‘命运是无法改变的’这句话总是挂在嘴边！”
            果然，功夫不负有心人，鸣人勤学苦练各种忍术，终于实现了自己的梦想，当上了火影。</span>
        </div>
        <div class="left"><img src="../../assets/images/bizhi/6.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/5.webp" alt="" style="border-radius: 10px;"></div>
        <div class="left"><img src="../../assets/images/bizhi/7.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/3.webp" alt="" style="border-radius: 10px;"></div>
        <div class="right">
          <span>悟空作为龙珠的主角，一直是整个故事的灵魂。作为低调的无名英雄，悟空无数次在地球乃至宇宙遇到危难时挺身而出击败强敌。正如未来时空中特兰克斯问母亲“悟空先生究竟是什么样的人呢”布玛淡淡地说道“他总是给人一种可靠的感觉！”
            初次登场的悟空还是个小豆丁，活泼可爱，天真烂漫。单纯的悟空在初期冒险篇章中各种笑料也让大家捧腹不已。
            结局时，悟空尽管已经步入中年，成为爷爷辈的人，不过开朗乐观的性格依然没有变。他还是那个成天乐呵呵，一心修炼期望遇到更强大对手的可靠战士。</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="right">
          <span>《龙珠》是龙珠系列的发端，记录了龙珠主角悟空的成长。悟空和布尔玛为了集齐七颗龙珠游历世界，进行冒险。在这期间，悟空结识了许多要好的朋友，也打败了许多想利用龙珠作恶的邪恶组织。《龙珠》最打动我的一点，就是随着悟空的冒险，一点一点拓宽自己的见识，逐渐了解了这个多样的世界。
            每每回顾，都会联想到自己的成长历程，身为农村孩子的自己第一次出村子、到镇上、到市中心，经历这一次次的”冒险“，接受了大量的经验，进而好奇心得到了满足。这种”雏鸟初见世界之大“的震撼感，通过回顾《龙珠》自己都能很清楚的回想起来。
            《龙珠》的一条主线如果是收集龙珠的话，那么第二条主线就是天下第一武道会。第21届武道会决赛由龟仙人假扮的陈龙对战悟空，第22届天津饭对战悟空，第23届短笛（比克）对战悟空，这三战见证了悟空实力上的成长，也见证了悟空性格上的成熟转变。</span>
        </div>
        <div class="left"><img src="../../assets/images/bizhi/4.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div style="width: 100%;"><img src="../../assets/images/bizhi/8.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/11.webp" alt="" style="border-radius: 10px;"></div>
        <div class="right">
          <span>故事简介：拥有财富、名声、权力，这世界上的一切的男人
            “海贼王”哥尔·D·罗杰，在被行刑受死之前说了一句话，让全世界的人都涌向了大海。“想要我的宝藏吗？如果想要的话，那就到海上去找吧，我全部都放在那里。”，世界开始迎接“大海贼时代”的来临 。
            时值“大海贼时代”，为了寻找传说中海贼王罗杰所留下的大秘宝“ONE
            PIECE”，无数海贼扬起旗帜，互相争斗。有一个梦想成为海贼王的少年叫路飞，他因误食“恶魔果实”而成为了橡皮人，在获得超人能力的同时付出了一辈子无法游泳的代价。十年后，路飞为实现与因救他而断臂的香克斯的约定而出海，他在旅途中不断寻找志同道合的伙伴，开始了以成为海贼王为目标的冒险旅程
            。</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="right">
          <span>蒙奇·D·路飞
            “草帽一伙”的船长，外号“草帽小子”。东海出身，悬赏金30亿贝里。“草帽一伙”的创立者，是被称作“极恶的世代”中登陆香波地群岛的11位超新星的其中一位。在“和之国”事件中将原“四皇”之一的“百兽”凯多击溃，顶替其成为新的“四皇”。是食用了橡胶果实的橡胶人（五老星认为这是人人果实·幻兽种·尼卡形态）。梦想成为“海贼王”，以此为目标在大海上航行。</span>
        </div>
        <div class="left"><img src="../../assets/images/bizhi/16.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/9.webp" alt="" style="border-radius: 10px;"></div>
        <div class="left"><img src="../../assets/images/bizhi/14.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/15.webp" alt="" style="border-radius: 10px;"></div>
        <div class="right">
          <span>故事简介：帝光中学篮球队其辉煌的历史中同时拥有着五位被称之为十年才有一位的奇迹的世代，即使上到高中，他们依然被这样称呼着，而在奇迹的世代之中拥有第六位成员，被称之为幻之第六人的黑子哲也。如梦幻般的第六人不选择篮球高校，而是选上了一所新建的学校诚凛高校。在这里，黑子遇上了从美国回来的另一男主角火神大我，两人的相遇，将会带领着诚凛去挑战各位奇迹世代的球员。</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="right">
          <span>故事简介：在一个名叫菲欧雷的魔法王国里，存在著许多专门替魔导士中介任务的魔导士公会，其中最有名的公会就是“妖精的尾巴”，这里聚集了许多厉害的魔导士。
            少女露西一直希望能加入云集众多厉害魔导士的名为“妖精尾巴”的公会，在纳兹的引导下，露西终于得偿所愿，随后，露西跟纳兹、格雷、艾露莎和哈比组成最强队伍，他们的旅程就此展开。</span>
        </div>
        <div class="left"><img src="../../assets/images/bizhi/13.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div class="left"><img src="../../assets/images/bizhi/10.webp" alt="" style="border-radius: 10px;"></div>
        <div class="right">
          <span>故事简介：107年前（743年），世界上突然出现了人类的天敌“巨人”。面临着生存危机而残存下来的人类逃到了一个地方，盖起了三重巨大的城墙。人们在这隔绝的环境里享受了一百多年的和平，直到艾伦·耶格尔十岁那年，60米高的“超大型巨人”突然出现，以压倒性的力量破坏城门，其后瞬间消失，凶残的巨人们成群的冲进墙内捕食人类。
            艾伦亲眼看着人们以及自己的母亲被巨人吞食，怀着对巨人无法形容的憎恨和痛恨，誓言杀死所有巨人。城墙崩坏的两年后，艾伦加入104期训练兵团学习和巨人战斗的技术。在训练兵团的三年，艾伦在同期训练兵里有着其他人无法比拟的强悍精神力。即使亲眼见过地狱也依然勇敢地向巨人挑战的艾伦，如愿以偿加入了向往已久的调查兵团。
            在他正做着到墙壁的外面去这个梦的时候，毁坏墙壁的超大巨人出现了 。</span>
        </div>
      </div>
    </el-card>
    <el-card class="box-card">
      <div class="recent-posts">
        <div style="width: 100%;"><img src="../../assets/images/bizhi/12.webp" alt="" style="border-radius: 10px;"></div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'my_messageboard'
}
</script>

<style lang="less" scoped>
/deep/.el-main {
  overflow: none;
  height: 0;
}

.mbmain {
  overflow-y: scroll;
  height: 600px;
}

.box-card {
  width: 100%;
  background-color: rgba(242, 242, 242, 0.6);
  margin-bottom: 10px;
  border-radius: 10px;
  height: 280px;
}

.box-card span {
  font-size: 16px;
  font-weight: 700;
}

/deep/ .el-card__body {
  padding: 10px;
  overflow: hidden;
}

/deep/ .el-card__body .recent-posts {
  display: flex;
  justify-content: space-around;
  align-content: center;
  border-radius: 10px;
  height: 260px;
}

.left {
  width: 45%;
  overflow: hidden;
  border-radius: 10px;
}

.right {
  width: 55%;
  display: inline-block;
  overflow: hidden;
  // margin: 40px 0;
  padding: 0 40px;
}

.box-card img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  object-fit: cover;
  overflow: hidden;
}

.box-card .recent-posts:hover img {
  transform: scale(1.1);
}
</style>
